* {padding:0;margin:0;list-style:none;}
body{background:#fff;font-family:"微软雅黑",arial,verdana,sans-serif;font-size:14px;color:#666;overflow-x: hidden}
.cl:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.w{width:1000px;margin:0 auto;}
a{text-decoration:none;color:#666;font-size:14px;}
header top{
  display: block;
  background: #700005;
  height:27px;
  line-height:27px;
}
header top ul{
  display: flex;
  justify-content: flex-end;
}
header top ul a{
  color: white;
  font-size: 12px;
  padding-left:10px ;
}
header  mid{
  display: block;
  background: #8c000b;
}
header mid .logo{
  display: block;
  padding: 18px;
}
header mid .logo{background:url(../image/logobg.jpg) no-repeat right bottom;}

nav{

  height:46px;
  line-height:46px;
  margin: 0px 100px;
  font-size: 16px;
  text-align: center
}
nav>ul{
  display: flex;
}

nav ul li ul{
  display: flex;
  flex-direction: column;
  z-index: 100;
}
nav ul li{
  line-height: 46px;
  text-align: center;
  position: relative;
  display: inline-block;
}
nav a{ color:black;padding: 0 12px;font-size: 16px}
nav ul li ul{ position: absolute;z-index:999;background: white;width: 100%;}
nav ul li:hover{background-color: #8c0000;}
nav ul li:hover >a{color: white}
nav ul li ul li:hover a{color: white}
nav ul li ul li{display: none;width: 100%/*隐藏二级菜单*/}
nav ul li:hover ul li{display: block;}
/* 图 */
.banner img {
  width: 1200px;
  height: 302px;
  display: block;
  margin: 0 auto;
}
/* 主 */
.main{
  width: 1000px;
  margin: 28px auto;
  display: flex;
  flex-direction: row;
}
/* 左侧 */
.main .left{
  display: flex;
  width: 215px;
  margin-right: 35px;
  flex-direction: column;
}
.main .left div{
  background: #fff url(../image/jianjie_03.jpg) no-repeat left top;
  color: #fff;
  font-size: 18px;
  text-align: center;
  height: 53px;
  vertical-align: middle;
  padding-top: 15px;
  font-weight: 400;
}
.main .left ul{
  border: 1px solid #e5e5e5;
  margin-top: -1px;
  border-bottom: none;
}
.main .left ul li{
  text-align: center;
  height: 50px;
  width: 100%;
  line-height: 50px;
  border-bottom: 1px solid #e5e5e5;
}
.main .left ul li a{
  font-size: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.main .left ul li a:hover{
  background-color: #ffeeee;
  color: #8f000b;
} 

.main .left ul .back{
  background-color: #ffeeee;
}
.main .left ul .back a{
  color: #8f000b;
}
/* 右 */
.main .right{
  width: 750px;
  display: flex;
  flex-direction: column;
}
.main .right .up{
  display: flex;
  flex-direction: row;
  background: #fff url(../image/fenxian_03.jpg) repeat-x left bottom;
  height: 46px;
  padding-top: 20px;
  width: 100%;
}
.main .right .up .upleft{
  font-size: 16px;
  color: #333;
  width: 49%;
  display: flex;
  text-align: left;

}
.main .right .up .upright{
  width: 49%;
  display: flex;
  font-size: 12px;
  color: #666666;
  flex-direction: row-reverse;
  
}
.main .right .up .upright a{
  font-size: 12px;
}
.main .right ul li{
  display:flex;
  justify-content: space-between;
  flex-direction: row;
  height: 38px;
  line-height: 38px;
  font-size: 14px;
}

.main .right .down{
  padding-top: 10px;
  text-align: center;
  display: flex;
  justify-content: center;
}
.tleft{
  font-size: 12px;
  font-family: 宋体;
  color: #000000;
  margin-left:auto;
  margin-right: auto;
  line-height: 14px;
}
.box{
    display: flex;
    font-size: 12px;
    font-family: 宋体;
    color: #000000;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    line-height: 14px;
}
.box .last{
  font-size: 12px;
    font-family: 宋体;
    color: #000000;
    text-decoration: none;
    line-height: 14px;
    border: solid 1px #AFD5F5;
    line-height: 14px;
    margin-right: 3px;
    padding: 2px 4px;
    background: #fff;
}
.box .first{
  font-size: 12px;
    font-family: 宋体;
    color: #000000;
    text-decoration: none;
    line-height: 14px;
    border: solid 1px #AFD5F5;
    line-height: 14px;
    margin-right: 3px;
    padding: 2px 4px;
    background: #fff;
}
.box .prev{
  /* font-size: 12px;
    font-family: 宋体;
    height: 14px;
    margin-right: 3px;
    padding: 2px 4px;
    background: #fff;
    color: #ccc;
    border: solid 1px #AFD5F5;
    line-height: 14px; */
    font-size: 12px;
    font-family: 宋体;
    color: #000000;
    text-decoration: none;
    line-height: 14px;
    border: solid 1px #AFD5F5;
    line-height: 14px;
    margin-right: 3px;
    padding: 2px 4px;
    background: #fff;
}
.box .next{
    font-size: 12px;
    font-family: 宋体;
    color: #000000;
    text-decoration: none;
    line-height: 14px;
    border: solid 1px #AFD5F5;
    line-height: 14px;
    margin-right: 3px;
    padding: 2px 4px;
    background: #fff;
}
.box .jump{
    font-size: 12px;
    font-family: 宋体;
    height: 20px;
    color: #000000;
    BORDER: #AFD5F5 1px solid;
    margin: 0px;
    padding: 0px;
    CURSOR: pointer;
    line-height: 14px;
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#BDDBF7));
}
.box .ye{
     font-size: 12px;
    font-family: 宋体;
    height: 14px;
    margin-right: 3px;
    padding: 2px 4px;
    color: #000000;
    line-height: 14px;
}
.box .yema{
    border: 1px solid #AFD5F5;
    height: 17px;
    width: 50px;
}

/* .main .right ul li .dowleft{
    width: 600px;
    height: 38px;
    line-height: 38px;
    
    font-size: 14px;
    color: #666;
}
.main .right ul li .dowright{
    text-align: right;
    flex-direction:row-reverse ;
    text-align: right;
    width: 19%;
    font-size: 12px;
    color: #999;
    line-height: 38px;
} */

 /* 页面底部 */
footer{
    display: flex;
    margin-top:24px;
    background: #8c0000;
    padding-top:50px;
    padding-bottom: 50px;
    color: white;
    font-weight: 300;
}
footer .l{
display: flex;
justify-content:space-between ;
}
footer .bg{margin-top:22px;height: 74px;width: 74px;}
footer p{
padding-left: 20px;
color: #fcd8d8;
font-size: 12px;
line-height: 22px;
font-weight: 500;
}
footer .r{
display: flex;
flex-direction: column;
align-items: center;
}
footer .r h3{
font-size: 14px;
font-weight: 500;
}
footer .r h5{
    color: #fcd8d8;
    font-size: 12px;
    line-height: 22px;
    font-weight: 500;
    padding-top: 12px;
}
      .item{
        display: none;
      }
      .item.active{
        display: block;
      }